﻿.from-to-bg {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6db3f2+0,54a3ee+11,3690f0+14,16219e+100 */
    background: #6db3f2;
    /* Old browsers */
    background: -moz-linear-gradient(top, #6db3f2 0%, #54a3ee 11%, #3690f0 14%, #e10707 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #6db3f2 0%, #54a3ee 11%, #3690f0 14%, #e10707 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #6db3f2 0%, #54a3ee 11%, #3690f0 14%, #e10707 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#e10707', GradientType=0);
    /* IE6-9 */
    padding: 7px;
    width: 87%
}
#results a{
color: #fff300;
}


form#move_form,
.the-form,
.fancy-form {
    padding 10px;
}
.fill{
    text-align: center;
padding-top:50px;
}
input#CITYFROM,
input#CITYTO,
input#DATEMOVE,
input#FIRSTNAME,
input#email,
input#phone,
input#LASTNAME,
select#TYPEFROM,
select#SIZE,
select#TYPETO,
input#REFERRAL {
    font-weight: 400;
    font-size: 15px;
    height: 36px;
    overflow: hidden;
    width: 215px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    color: #5a5a5a;
    margin:0 0 6px 0;
    font-style: normal;
    background-color: #fff;
    padding: 0 14px;
    border: 3px solid #cccccc;
    border-radius: 5px;
}

.step-two,
.step-three {
    display: none;
}

button#continue-to-step-two,
button#continue-to-step-three,
input#submit_step {
    -moz-box-shadow: 0px 1px 0px 0px #fff6af;
    -webkit-box-shadow: 0px 1px 0px 0px #fff6af;
    box-shadow: 0px 1px 0px 0px #fff6af;


    background-color: #f1bc1a;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    /*border:1px solid #ffaa22;*/
    display: inline-block;
    cursor: pointer;
    color: black;
    font-size: 15px;
    font-weight: bold;
    padding: 0;
    text-decoration: none;
    /*	text-shadow:0px 1px 0px #ffee66;*/
}

button#continue-to-step-two:hover,
button#continue-to-step-three:hover {
    background-color: #fff300;
}

button#continue-to-step-two:active,
button#continue-to-step-three:active {
    position: relative;
    top: 1px;
}

.form-label {
    display: inline-block;
    cursor: pointer;
    /*font-family:Arial;
	font-size:14px;
	font-weight:bold;
	padding:12px 16px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
	*/
    font-size: 15px;
    font-weight: bold;
    padding: 6px;
    text-decoration: none;
    /*text-shadow:0px 1px 0px #ddd;*/
}



@import url("../../../font-awesome/4.5.0/css/font-awesome.min.css");


.jumbotron {
    background-color: inherit;
}

.container-full-bg {
    width: 100%;
    height: 100%;
    max-width: 100%;
    background-position: center;
    background-size: cover;
}

.container-full-bg .container,
.container-full-bg .container .jumbotron {
    height: 285px;
    width: 100%;
}

.container {
    padding-right: 0;
    padding-left: 0;
}

select,
input[type="file"] {
    height: 30px;
    line-height: 30px;
}

select {
    width: 220px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
}

.styled-select {
    font-weight: 400;
    font-size: 16px;
    height: 36px;
    overflow: hidden;
    width: 215px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    color: #bbbbbb;
    font-style: normal;
    background-color: #fff;
    margin: 0 0 6px 0;
    padding: 0 14px;
    border: 3px solid #cccccc;
    border-radius: 5px;
}



.secondaryBtnHeroRAQFormButtonSubs {
    font-weight: 600;
    font-size: 16px;
    color: #ffffff;
    min-width: 182px;
    display: inline-block;
    height: 36px;
    line-height: 36px;
    background: #DD3137;
    border-radius: 5px;
    padding: 0 10px 0 10px;
    text-align: center;
    text-transform: uppercase;
    margin: 7px 0 10px 0;
    width: 215px;
background-repeat: no-repeat;
    background-color: #14264c;
}


/* Arrow Buttons */


/* ------------- */

.next::after {
    border-style: solid;
}


/* Next Button */


/* ----------- */

.button#continue-to-step-three::after {
    right: -22px;
    border-width: 11px;
    border-color: transparent transparent transparent #0d5287;
}

.button#continue-to-step-three::after {
    border-left-color: #0585e8;
}

#submit_step {
    width: 215px;
}

.greybox {
    background-color: #dcdcdc;
    height: 100%;
    position: absolute;
    bottom: 0px;
    WIDTH: 100%;
}

.subHeroPageItemText {
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    padding: 6px 6px 0 6px;
}

.subHeroPageItemTextBold {
    padding-left: 6px;
    width: 100%;
    font-weight: 500;
    margin-top: 0px;
    margin-right: 10px;
    float: left;
    color: #fff;
    font-size: 25px;
    margin-bottom: 25px;
}



.form-control::-moz-placeholder {
    color: #bbbbbb;
    opacity: 1;
}
.form-control:-ms-input-placeholder {
    color: #bbbbbb;
}
.form-control::-webkit-input-placeholder {
    color: #bbbbbb;
}
.form-control::-moz-placeholder {
    color: #bbbbbb;
    opacity: 1;
}
.form-control:-ms-select-placeholder {
    color: #bbbbbb;
}
.form-control::-webkit-select-placeholder {
    color: #bbbbbb;
}
a.back-to-one,
a.back-to-one:hover {
    font-size: 16px;
    line-height: 16px;
}
#homeGrid .span5 {
    width: 479px;
}
custom-gridsUnited.css:1 #homeGrid .span1,
#homeGrid .span2,
#homeGrid .span3,
#homeGrid .span4,
#homeGrid .span5,
#homeGrid .span6,
#homeGrid .span7,
#homeGrid .span8,
#homeGrid .span9,
#homeGrid .span10,
#homeGrid .span11,
#homeGrid .span12 {
    margin: 0 0 0 16px;
}
font-awesome.min.css:4 .pull-left {
    float: left;
}
bootstrap.css:6497 .pull-left {
    float: left!important;
}
@media (min-width: 1200px) bootstrap-responsive.css:157 .span5 {
    width: 470px;
}
@media (min-width: 1200px) bootstrap-responsive.css:125 [class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 30px;
}
.heroRAQFormBoxAB {
    text-align: center;
    margin: 16px 0 20px;
}
.heroRAQFormBoxAB p {
    display: block;
    min-height: 50px;
    font-weight: 700;
    font-size: 18px;
    text-align: center;
    line-height: 50px;
    margin: 0;
    background: url(../../uploads/2017/06/Moving-Squad-Free-Quote-Black.png);
background-repeat: no-repeat;
    background-color: #14264c;
}
.heroRAQFormBoxAB span {
    display: block;
    min-height: 17px;
    font-weight: 700;
    font-size: 17px;
    float: left;
    padding-left: 14px;
    padding-top: 10px;
    line-height: 16px;
    color: #5a5a5a;
}
@media (max-width: 1199px) {

    .heroREQFormWidgetInputContainer p {
        font-size: 21px;
        margin: 0;
    }
}
.center {
    text-align: center;
    margin: 0 auto;
}
bootstrap.css:1062 * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
}
.clearfixlfr {
    clear: both;
    padding-bottom: 18px;
}
.heroRAQFormBoxGreenBarTextContainerAB {
    height: 50px;
    background: #14264c;
}
.login {
    position: relative;
}
form {
    margin: 0;
}
#homeGrid .span4 {
    width: 380px;
}
.heroRAQFormLabelsAB {
    float: left;
    font-size: 16px;
    display: inline-block;
    cursor: pointer;
    color: #5a5a5a;
    font-weight: bold;
    padding-top: 0;
    text-decoration: none;
    text-align: left;
}
.step-one .heroREQFormWidgetInputContainer , .step-three .heroREQFormWidgetInputContainer {
padding-top:3px;
}
label {
    font-weight: 500;
    color: #5a5a5a;
    margin-bottom: 16px;
}
label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}
input[type=text].input-mini-heroRAQAB {
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    color: #737373;
    background-color: #fff;
    border: 1px solid #d9d9d9;
    height: 40px;
    width: 230px;
    text-indent: 7px;
    margin-bottom: 15px;
    padding: 0;
    border-radius: 5px;
}
.breadcrumbs-three {
    overflow: hidden;
    float: left;
    font-size: 16px;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-weight: bold;
    padding-top: 6px;
    text-decoration: none;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 18px;
    background: url(../../uploads/2017/06/Moving-Squad-Free-Quote-Black.png);
}
.complete{
padding:0 10px;
text-align: center;
}
.side-nav{
display:none;}
.sidebar .widget .heading .widget-title, .sidebar .widget .widget-title {
    height: 51px;
color:#ffffff;
padding-left:60px;
font-size:16px;
font-weight:700;
line-height:51px;
 background: url("../../uploads/2017/06/Moving-Squad-Free-Quote-Orange.png");
    background-repeat: no-repeat;
    background-color: #f1bc1a;
}
.col-sm-11{width:100%;}


@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
input#CITYFROM,
input#CITYTO,
input#DATEMOVE,
input#FIRSTNAME,
input#email,
input#phone,
input#LASTNAME,
select#TYPEFROM,
select#SIZE,
select#TYPETO,
select#REFERRAL,.styled-select {
width:100%;}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
input#CITYFROM,
input#CITYTO,
input#DATEMOVE,
input#FIRSTNAME,
input#email,
input#phone,
input#LASTNAME,
select#TYPEFROM,
select#SIZE,
select#TYPETO,
select#REFERRAL,.styled-select {
width:100%;}
}
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2) 
  {
input#CITYFROM,
input#CITYTO,
input#DATEMOVE,
input#FIRSTNAME,
input#email,
input#phone,
input#LASTNAME,
select#TYPEFROM,
select#SIZE,
select#TYPETO,
select#REFERRAL,.styled-select {
width:100%;}
}
@media (-webkit-min-device-pixel-ratio: 1.5),  
       (-o-min-device-pixel-ratio: 3/2),  
       (min--moz-device-pixel-ratio: 1.5),  
       (min-device-pixel-ratio: 1.5) 3) 
  {
input#CITYFROM,
input#CITYTO,
input#DATEMOVE,
input#FIRSTNAME,
input#email,
input#phone,
input#LASTNAME,
select#TYPEFROM,
select#SIZE,
select#TYPETO,
select#REFERRAL,.styled-select {
width:100%;}
}